<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>支付方式</title>
		<link rel="stylesheet" type="text/css" href="css/payWay.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
	</head>
	<body>
		<div class="web">
			<header>
				<div class="top">
					<div class="top-header clearfix">
						<div class="top-span clearfix">
						   <div class="top-r fl">
								<a href="regedit.html"><span>注册</span></a>
								<a href="nosettl.html"><span>登录</span></a>
								<a href="viplogin.html"><span style="border-right: none;">vip登录</span></a>
						   </div>
						   <ul class="fr">
								<li>
									<a href="cart.html"> 商家入驻 </a>
								</li>
								<li>
									<a href="details.html"> 我的订单 </a>
								</li>
								<li>
									<a href="cart.html" style="border-right: none;">
										<i class="iconfont icon-gouwuche1"><span>(0)</span></i>
									</a>
								</li>
						    </ul>
						</div>
					</div>
				</div>
				<div class="search">
					<div class="logo">
						<a href="index.html"><img src="img/LOGO.png"/></a>
					</div>
					<div class="search-box">
						<form action="#">
							<input type="text" placeholder="search" />
							<!--<input type="image" src="img/search.png" />-->
							<a href="#"><i class="iconfont icon-sousuo"></i></a>
						</form>
						<div>
							<ul>
								<li><a href="javascript:void(0)">地板</a></li>
								<li><a href="javascript:void(0)">池板</a></li>
								<li><a href="javascript:void(0)">地板</a></li>
								<li><a href="javascript:void(0)">池板</a></li>
								<li><a href="javascript:void(0)">地板</a></li>
								<li><a href="javascript:void(0)">池板</a></li>
							</ul>
						</div>
					</div>
				</div>
			</header>
			<!--导航栏-->
			<div class="setion">
				<div class="setion-nav clearfix"> 
					<ul class="clearfix">
						<li>
							<div class="line"></div>
							<a href="javascript:void(0)">木工</a>
							<div class="setion-ul-box">
								<div class="setion-ul-content clearfix">
									<div class="setion-text fl">
										<ul class="fl">
											<li class="title">板材</li>
											<li><a href="#">装饰面板</a></li>
											<li><a href="#">宝丽版</a></li>
											<li><a href="#">三聚氰胺版</a></li>
											<li><a href="#">铝朔版</a></li>
											<li><a href="#">多层版</a></li>
											<li><a href="#">中纤版</a></li>
											<li><a href="#">细木工板</a></li>
											<li><a href="#">刨花版</a></li>
										</ul>
										<ul class="setion-text2 fl">
											<li><a href="#">欧松板</a></li>
											<li><a href="#">防火板</a></li>
											<li><a href="#">密度板</a></li>
											<li><a href="#">其他板材</a></li>
										</ul>
									</div>
									<div class="text2 fl">
										<ul>
											<li class="title">地板</li>
											<li><a href="#">实木地板</a></li>
											<li><a href="#">实木复合地板</a></li>
											<li><a href="#">强化复合地板</a></li>
											<li><a href="#">竹地板</a></li>
											<li><a href="#">软木地板</a></li>
											<li><a href="#">塑料地板</a></li>
											<li><a href="#">PVC地板</a></li>
											<li><a href="#">其他地板</a></li>
										</ul>
									</div>
									<div class="setion-text fl">
										<ul class="fl">
											<li class="title">木线</li>
											<li><a href="#">普通龙骨</a></li>
											<li><a href="#">精品龙骨</a></li>
											<li><a href="#">顶线</a></li>
											<li><a href="#">门线</a></li>
											<li><a href="#">角线</a></li>
											<li><a href="#">木方线</a></li>
											<li><a href="#">收口线</a></li>
											<li><a href="#">花木线</a></li>
										</ul>
										<ul class="setion-text2 fl">
											<li><a href="#">踢脚线</a></li>
											<li><a href="#">定制木线</a></li>
											<li><a href="#">其它木线</a></li>
										</ul>
								    </div>
								    <div class="setion-text fl">
										<ul class="fl">
											<li class="title">地板配件</li>
											<li><a href="#">地板钉</a></li>
											<li><a href="#">扣条</a></li>
											<li><a href="#">地垫</a></li>
											<li><a href="#">地板蜡</a></li>
											<li><a href="#">地板清洁剂</a></li>
											<li><a href="#">底板防水油</a></li>
											<li><a href="#">地板修补剂</a></li>
											<li><a href="#">甲醇清除剂</a></li>
										</ul>
										<ul class="setion-text3 fl">
											<li><a href="#">地板安装工具</a></li>
											<li><a href="#">其他地板配件 </a></li>
										</ul>
								    </div>
								    <div class="text2 fl">
										<ul>
											<li class="title">吊顶钢龙骨</li>
											<li><a href="#">吊筋</a></li>
											<li><a href="#">吊钢</a></li>
											<li><a href="#">轻钢龙骨</a></li>
											<li><a href="#">扣板龙骨</a></li>
											<li><a href="#">铝合金龙骨</a></li>
											<li><a href="#">其它吊件</a></li>
										</ul>
								    </div>
								    <div class="setion-text4 fl">
										<ul class="fl">
											<li class="title">木工类五金</li>
											<li><a href="#">拉手</a></li>
											<li><a href="#">锁</a></li>
											<li><a href="#">合页</a></li>
											<li><a href="#">铰链</a></li>
											<li><a href="#">插销</a></li>
											<li><a href="#">门夹</a></li>
											<li><a href="#">碰珠</a></li>
											<li><a href="#">脚轮</a></li>
										</ul>
										<ul class="setion-text3 fl">
											<li><a href="#">闭门器</a></li>
											<li><a href="#">地弹簧</a></li>
											<li><a href="#">吊轮</a></li>
											<li><a href="#">导轨</a></li>
											<li><a href="#">螺栓</a></li>
											<li><a href="#">钉</a></li>
											<li><a href="#">角码</a></li>
											<li><a href="#">螺母</a></li>
										</ul>
										<ul class="setion-text3 fl">
											<li><a href="#">围网</a></li>
											<li><a href="#" style="width: 84px;">其他木工五金</a></li>
										</ul>
								    </div>
								</div>
							</div>
						</li>
						<li>
							<div class="line"></div>
							<a href="javascript:void(0)">泥水工</a>
						</li>
						<li>
							<div class="line"></div>
							<a href="javascript:void(0)">油漆工</a>
						</li>
						<li>
							<div class="line"></div>
							<a href="javascript:void(0)">水电工</a>
						</li>
						<li>
							<div class="line"></div>
							<a href="javascript:void(0)">门窗/其他</a>
						</li>
						<li>
							<div class="line"></div>
							<a href="javascript:void(0)">装修工具</a>
						</li>
						<li>
							<div class="line"></div>
							<a href="javascript:void(0)">消费工具</a>
						</li>
						<li>
							<div class="line"></div>
							<a href="javascript:void(0)">建筑防护</a>
						</li>
						<li>
							<div class="line"></div>
							<a href="javascript:void(0)">精细化学品</a>
						</li>
						<li>
							<div class="line"></div>
							<a href="javascript:void(0)">定制/非标准</a>
						</li>
					</ul>
				</div>
			</div>
			
			<div class="content clearfix">
				<div class="left">
					<h2>我的购物车</h2>
					<div class="advertise">
						VIP平时享受正价九折优惠
					</div>
					<div class="user">
						<section>
							会员账号
						</section>
						<section>
							张三@某某
						</section>
					</div>
					<div class="payment">
						<ul class="flow_path">
							<li>1.配送地址</li>
							<li>2.支付方式</li>
							<li>3.订单确认</li>
						</ul>
						<div class="pay_way clearfix">
							<ul class="way_choice">
								<li class="clearfix">
									<span><a href="">信用卡支付</a></span>
									<span class="fr"><img src="img/pay_arrows.png"/></span>
								</li>
								<li class="clearfix">
									<span><a href="">银行卡支付</a></span>
									<span class="fr"><img src="img/pay_arrows.png"/></span>
								</li>
								<li class="clearfix">
									<span><a href="">支付宝支付</a></span>
									<span class="fr"><img src="img/pay_arrows.png"/></span>
								</li>
								<li class="clearfix">
									<span><a href="">货到付款</a></span>
									<span class="fr"><img src="img/pay_arrows.png"/></span>
								</li>
							</ul>
							<ul class="choice_list fr">
								<li>
									<input type="radio" name="bank" id="one" value="" />
									<label for="one">
										<span>
											<img src="img/bank01.png" alt="" />
										</span>
									</label>
									
								</li>
								<li>
									<input type="radio" name="bank" id="two" value="" />
									<label for="two">
										<span>
											<img src="img/bank02.png" alt="" />
										</span>
									</label>
									
								</li>
								<li>
									<input type="radio" name="bank" id="three" value="" />
									<label for="three">
										<span>
											<img src="img/bank03.jpg" alt="" />
										</span>
									</label>
									
								</li>
								<li>
									<input type="radio" name="bank" id="four" value="" />
									<label for="four">
										<span>
											<img src="img/bank04.jpg" alt="" />
										</span>
									</label>
									
								</li>
								<li>
									<input type="radio" name="bank" id="five" value="" />
									<label for="five">
										<span>
											<img src="img/bank05.jpg" alt="" />
										</span>
									</label>
									
								</li>
								<li>
									<input type="radio" name="bank" id="six" value="" />
									<label for="six">
										<span>
											<img src="img/bank06.jpg" alt="" />
										</span>
									</label>
									
								</li>
								<li>
									<input type="radio" name="bank" id="seven" value="" />
									<label for="seven">
										<span>
											<img src="img/bank07.jpg" alt="" />
										</span>
									</label>
									
								</li>
								<li>
									<input type="radio" name="bank" id="eight" value="" />
									<label for="eight">
										<span>
											<img src="img/bank08.jpg" alt="" />
										</span>
									</label>
									
								</li>
							</ul>
						</div>
						<div class="next">
							<a href="address.html">返回</a>
							<span><a href="orderConfirm.html">下一步</a></span>
						</div>
					</div>
				</div>
				<div class="right">
					<div class="my_cart">
						<div class="cart_title clearfix">
							<span>我的购物车</span>	
							<span class="fr"><a href="">修改</a></span>
						</div>
						<ul class="pro_list">
							<li>
								<section class="img_wrap"><img src="img/mycart.jpg" alt="" /></section>
								<section class="pro_data">
									<h3>商品品牌名称</h3>
									<ul class="pro_details clearfix">
										<li>
											<span class="span_color">颜色：</span>
											<span>白色</span>
										</li>
										<li>
											<span class="span_color">规格：</span>
											<span>规格×规格</span>
										</li>
										<li>
											<span class="span_color">货号：</span>
											<span class="span_color">NH5478525666</span>
										</li>
										<li>
											<span>数量：</span>
											<span>1</span>
										</li>
										<li class="fl">
											<span>价格：</span>
											<span>¥150.00</span>
										</li>
										<li class="fr">
											<span>价格：</span>
											<span>¥150.00</span>
										</li>
									</ul>
								</section>
							</li>
							<li>
								<section class="img_wrap"><img src="img/mycart.jpg" alt="" /></section>
								<section class="pro_data">
									<h3>商品品牌名称</h3>
									<ul class="pro_details clearfix">
										<li>
											<span class="span_color">颜色：</span>
											<span>白色</span>
										</li>
										<li>
											<span class="span_color">规格：</span>
											<span>规格×规格</span>
										</li>
										<li>
											<span class="span_color">货号：</span>
											<span class="span_color">NH5478525666</span>
										</li>
										<li>
											<span>数量：</span>
											<span>1</span>
										</li>
										<li class="fl">
											<span>价格：</span>
											<span>¥150.00</span>
										</li>
										<li class="fr">
											<span>价格：</span>
											<span>¥150.00</span>
										</li>
									</ul>
								</section>
							</li>
						</ul>
						<div class="pay_list">
							<ul>
								<li class="clearfix">
									<span>商品金额</span>
									<span class="fr">¥900.00</span>
								</li>
								<li class="clearfix">
									<span>优惠</span>
									<span class="fr span_color">-¥0.00</span>
								</li>
								<li class="clearfix">
									<span>运费</span>
									<span class="fr">¥0.00</span>
								</li>
							</ul>
							<div class="rental clearfix">
								<span>运费</span>
								<span class="fr">¥900.00</span>
							</div>
						</div>
					</div>
				</div>
			</div>
			
			<!--脚部-->
			<footer>
				<div class="footer-title">
					<div class="footer-ul clearfix">
						<div class="footer-ul-box fl">
							<ul>
								<li>
									<a href="javascript:void(0)">
										<img src="img/you.jpg"/>
									</a>
								</li>
								<li>
									<h4>品质保障</h4>
									<span>品质保证 购物无忧</span>
								</li>
						    </ul>
						</div>
						<div class="footer-ul-box fl">
							<ul>
								<li>
									<a href="javascript:void(0)">
										<img src="img/te.jpg"/>
									</a>
								</li>
								<li>
									<h4>特色服务</h4>
									<span>针对户型 私人定制</span>
								</li>
						    </ul>
						</div>
						<div class="footer-ul-box fl">
							<ul>
								<li>
									<a href="javascript:void(0)">
										<img src="img/sheng.jpg"/>
									</a>
								</li>
								<li>
									<h4>全网最低</h4>
									<span>厂家直销 低价承诺</span>
								</li>
						    </ul>
						</div>
						<div class="footer-ul-box fl">
							<ul>
								<li>
									<a href="javascript:void(0)">
										<img src="img/usre.jpg"/>
									</a>
								</li>
								<li>
									<h4>帮助中心</h4>
									<span>您的购物指南</span>
								</li>
						    </ul>
						</div>
					</div>
				</div>
				<!--链接-->
				<div class="footer-link">
					<div class="link-box clearfix">
						<div class="footer-link-ul fl">
							<ul>
								<h4>新手指南</h4>
								<li><a href="#">新手指南</a></li>
								<li><a href="#">购物流程</a></li>
							</ul>
						</div>
						<div class="footer-link-ul fl">
							<ul>
								<h4>支付方式</h4>
								<li><a href="#">支付宝</a></li>
								<li><a href="#">微信</a></li>
							</ul>
						</div>
						<div class="footer-link-ul fl">
							<ul>
								<h4>物流配送</h4>
								<li><a href="#">配送方式</a></li>
								<li><a href="#">服务流程</a></li>
							</ul>
						</div>
						<div class="footer-link-ul fl">
							<ul>
								<h4>客服中心</h4>
								<li><a href="#">在线客服</a></li>
								<li><a href="#">常见问题</a></li>
							</ul>
						</div>
						<div class="footer-code">
							<ul>
								<li>扫一扫，关注鲁班兄弟</li>
								<li><img src="img/code.png"/></li>
							</ul>
						</div>
					</div>
				</div>
			</footer>
			<!--版权-->
			<div class="bottom">
				<div class="copyright">
					<p>Copyright © 2015-2016 QDTG. All rights reserved. 鲁班兄弟 粤ICP16035</p>
					<ul>
						<li><a href="#">关于我们</a></li>
						<li><a href="#">联系我们</a></li>
						<li><a href="#">法律说明</a></li>
					</ul>
				</div>
			</div>
		</div>
	</body>
</html>
